<template>
	<div class="toDcenter">
		<div class="ka">
<div class="te">银行卡特惠</div>
<div class="ka1">
	<img :src="img1" alt="">
	<span>农业银行Visa双标信用卡优惠</span>
	<img :src="img2" alt="">
	<span>满300减30</span>
</div>
<div class="ka2">
	<img :src="img1" alt="">
	<span>农业银行Visa双标信用卡优惠</span>
	<img :src="img2" alt="">
	<span>满300减30</span>

</div>
		</div>
		<div class="fen">
			<span>花呗分期</span>
			<span>
				<van-switch v-model="checked" />
			</span>
		</div>
	</div>
</template>

<script>

export default {
	data() { 
		return {
			checked: true,
			img1: "https://gw.alicdn.com/imgextra/i2/O1CN01gBRBqT1j9L1fxFOZI_!!6000000004505-2-tps-33-28.png",
			img2:"https://gw.alicdn.com/tfs/TB1TRiXTGL7gK0jSZFBXXXZZpXa-26-26.png",
		}
	}
}
</script>

<style scoped>
.toDcenter{
box-sizing: border-box;
}
.ka{
	width: 7.1rem;
	height: 2.88rem;
	margin-left: .2rem;
		margin-top: .26rem;
		border-radius: .15rem;
		background-color: white;
		
}
.te{
	height: 1rem;
	font-size: 16px;
	font-weight: 700;
	padding-top: .24rem;
		margin-left: .2rem;
		box-sizing: border-box;
}
.ka1,
.ka2{
	height: 1rem;
	margin-left: .2rem;
	line-height: 1rem;
	border-top: 1px solid rgba(193, 189, 189, 0.291);
}
.ka1 :nth-child(1){
	width: .32rem;
	height: .26rem;
	margin-right: .2rem;
	margin-top: .31rem;
}
.ka1 :nth-child(3){
width: .26rem;
height: .26rem;
margin-left: .2rem;
margin-right: .8rem;
margin-top: .35rem;
}
.ka1 :nth-child(4){
		border: 0.26667vw solid #ff0036;
			border-radius: .1rem;
			color: #ff0036;
}
/* .ka1 :nth-child(5){
	position: relative;
	left: 5rem;
	top: -0.6rem;
} */
.ka2 :nth-child(1){
	width: .32rem;
	height: .26rem;
	margin-right: .2rem;
	margin-top: .31rem;
}
.ka2 :nth-child(3){
width: .26rem;
height: .26rem;
margin-left: .2rem;
margin-right: .8rem;
margin-top: .35rem;
}
.ka2 :nth-child(4){
		border: 0.26667vw solid #ff0036;
			border-radius: .1rem;
			color: #ff0036;
}
/* .ka2 :nth-child(5){
	position: relative;
	left: 6.4rem;
	top: -0.6rem;
} */
.fen{
	width: 7.1rem;
	margin-left: .2rem;
	height: 1rem;
	border-radius: .15rem;
	margin-top: .2rem;
	background-color: white;
	display: flex;
	justify-content: space-between;
}
.fen :nth-child(1){
	line-height: 1rem;
	font-size: 16px;
	margin-left: .2rem;
}
.fen :nth-child(2) {
	margin-top: .35rem;
	margin-right: .4rem;
}
</style>